.p01067-contenedor {
  margin: 10 auto;
}

.p01067-juego {
padding-left: 4%;
}
.p01067-juego .stl{
  width: 98%;
  height: 220px;
  border: 2px solid #000000;
  line-height: 100%;
  font-size: 100%;
  padding-left: 22%;
  padding-right: 20%;  
  padding-top: 5%;
  border-radius: 2%;
}
.p01067-juego .area{
  width: 88%;
  height: 85%;
  border: 2px solid #000;
}
.p01067-juego .fila{
  width: 100%;
  height: 50%;
  border: 1px solid #000000;
}
.p01067-juego .col{
  float:left;
  font-weight: bold;
  width: 33.333%;
  height: 100%;
  padding-top: 10%;
  border: 1px solid #000;
  background-size: 100% 100%;
  text-align: center;
  font-size: 2em;
}

.p01067-juego .resp{
  float:left;
  padding-top: 10%;
  font-weight: bold;
  text-align: center;
  float: left;
  width: 33.333%;
  height: 100%;
  border: 2px solid #f33b3b;
  background-color: #FFFFFF;
}
.numeros{
  font-size: 2em;
}
.tx{
  font-size: 1.5em;
  font-weight: bold;
}
#menu-simbolos1 {
  height: 0;
  position: relative;
  top: 0;
  left: 0;
  width: 89%;
  z-index: 99;
  opacity: 0.9;
  transition: all 0.5s ease;
  overflow: hidden;
}

#menu-simbolos1 .simbolo {
  width: 99%;
  height: 25px;
  border: 1px solid #C8C8C8;
  border-radius: 5px;
  line-height: 21px;
  font-size: 80%;  
  font-weight: bold;
  background-color: #b0c4de;
}

#menu-simbolo1 .simbolo:hover {
  background: #C8C8C8;
}
#menu-simbolos2 {
  height: 0;
  position: relative;
  top: 0;
  left: 0;
  width: 89%;
  z-index: 99;
  opacity: 0.9;
  transition: all 0.5s ease;
  overflow: hidden;
}

#menu-simbolos2 .simbolo {
  width: 99%;
  height: 25px;
  border: 1px solid #C8C8C8;
  border-radius: 5px;
  line-height: 21px;
  font-size: 80%;  
  font-weight: bold;
  background-color: #b0c4de;
}

#menu-simbolo2 .simbolo:hover {
  background: #C8C8C8;
}
#menu-simbolos3 {
  height: 0;
  position: relative;
  top: 0;
  left: 0;
  width: 89%;
  z-index: 99;
  opacity: 0.9;
  transition: all 0.5s ease;
  overflow: hidden;
}

#menu-simbolos3 .simbolo {
  width: 99%;
  height: 25px;
  border: 1px solid #C8C8C8;
  border-radius: 5px;
  line-height: 21px;
  font-size: 80%;  
  font-weight: bold;
  background-color: #b0c4de;
}

#menu-simbolo3 .simbolo:hover {
  background: #C8C8C8;
}
@media screen and (max-width: 1015px){
	.p01067-juego .resp{
	  width: 20%;
	  height: 75%;
	  padding-top:3%;
	}
	.p01067-juego .stl{
	  width: 100%;
	  height: 220px;
	  padding-left:24%;
	}
	.p01067-juego .area{
		padding-top: 9%;

	}	
	#menu-simbolos1 {
	  width: 102%;
	}
	#menu-simbolos2 {
	  width: 102%;
	}
	#menu-simbolos3 {
	  width: 102%;
	}	
}

@media screen and (max-width: 450px){

}